<html>
<body>
<!--
<style type="text/css">
    .test {position:fixed; top:10px; left:10px; width:40px; height:40px; border: 1px solid blue; zIndex:100;}
</style>
-->
<script type="text/javascript">
    function loadScript(scriptURL) {
        var scriptElem = document.createElement('SCRIPT');
        scriptElem.setAttribute('language', 'JavaScript');
        scriptElem.setAttribute('src', scriptURL);
        document.body.appendChild(scriptElem);
    }

    function startMrakering(baseUrl, preserve) {
        document.preserveMrakers = preserve;
        document.mrakersBaseUrl = baseUrl;
        if (document.preserveMrakers) {
            loadScript(baseUrl + "/md4.js");
        }
        loadScript(baseUrl + "/mraker.js");
    }

    function getCurrentUrlFolder() {
        var folderEnd = Math.max(document.URL.lastIndexOf("/"), document.URL.lastIndexOf("\\"));
        return document.URL.substring(0, folderEnd);
    }
    startMrakering(getCurrentUrlFolder(), true);

    function dump(object, propName) {
        return propName + "=" + object[propName];
    }
    function test1(event) {
        document.getElementById('out').innerHTML =
        dump(event, "pageY") + "</br>"
                + dump(event, "clientY") + "<br/>"
                + dump(window, "scrollY") + "<br/>"
                + dump(document.body, "scrollTop") + "<br/>"
                ;
    }

    function test2() {
    }

    function test3() {
    }

    function addOut(text) {
        document.getElementById('out').innerHTML =
        document.getElementById('out').innerHTML + "<br/>" +
        text;
    }

</script>
Result:
<div id="out" style="position:fixed; top:100px; left:100px; background-color:white; border:1px solid black;"></div>
<!--<div id="log" style="position:fixed; top:10px; left:400px; background-color:white; border:1px solid black;"></div>-->
<input onkeydown="document.getElementById('out').innerHTML = event.keyCode;"/>

<input type="button" onclick="" onmousedown="test1(event);" value="Test1" style="position:fixed;"/>
<input type="button" onclick="addOut('click');" onmousedown="addOut('down');" onmouseup="addOut('up');" value="Test2"/>
<input type="button" onclick="test3();" value="Test3"/>

<p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent dignissim nulla eu nunc. Sed porttitor, mauris in
    porttitor varius, nisi ante ornare urna, a suscipit nisi turpis ut purus. Cras faucibus tempus neque. In egestas
    aliquam massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras
    pretium porttitor nisl. Pellentesque enim enim, consequat eget, malesuada a, mollis in, magna. Pellentesque tempus
    mollis mi. Cras pede dui, rutrum non, fringilla eu, tristique et, urna. Maecenas eget dolor ut sapien vulputate
    gravida. Nunc in tellus et felis volutpat pretium.
</p>

<p>

    Mauris quis mi in sapien dignissim suscipit. Sed interdum cursus erat. Aliquam feugiat pretium ligula. Pellentesque
    habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque dapibus lobortis
    lorem. Ut ut turpis sit amet turpis condimentum rutrum. Sed semper, neque et sollicitudin iaculis, nulla lectus
    rhoncus neque, sit amet porta orci pede sit amet lacus. Praesent lacus. Fusce molestie lacus. Aliquam erat volutpat.
    Aenean malesuada. Nam accumsan nisi in erat. Ut pharetra venenatis risus. Aliquam erat volutpat. Integer sed diam a
    diam tempor tincidunt. Vestibulum at tellus. Etiam euismod odio eget diam.
</p>
<pre>
Proin eu dolor tempus augue sodales pretium. Nulla rhoncus auctor lacus. Maecenas pulvinar fringilla sem. Quisque lectus nunc, pellentesque quis, molestie a, molestie quis, nibh. Quisque sed lectus. Nulla ipsum nulla, rutrum quis, ultrices a, rutrum ornare, justo. Aenean id enim eu arcu venenatis tristique. Suspendisse eu tellus ut risus mattis bibendum. Nulla gravida scelerisque elit. Proin sed orci ac neque nonummy sollicitudin. Cras id quam in justo sollicitudin fringilla. Integer nonummy porttitor metus. Ut tellus quam, eleifend sit amet, imperdiet eget, rhoncus sit amet, mauris. Fusce feugiat sodales neque. In fringilla gravida nisl. Suspendisse sagittis felis eget ante. Sed metus velit, ullamcorper nec, vehicula ac, aliquam id, libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</pre>
<p>
    Sed vulputate sem a nulla. In commodo. Cras malesuada, velit in interdum gravida, lacus quam vehicula diam, vel
    bibendum ipsum dui eget mi. Donec vel leo at erat imperdiet malesuada. Nam mauris augue, porta non, tincidunt sit
    amet, ultricies suscipit, dui. Vestibulum non erat nec sapien fringilla consectetuer. Pellentesque habitant morbi
    tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque rutrum est sed ante malesuada tempus.
    Mauris tortor. Suspendisse tincidunt, tellus elementum lobortis ullamcorper, dolor purus pulvinar pede, hendrerit
    dictum leo quam vitae dolor. Quisque vestibulum nisi ac turpis. Etiam at ligula. Maecenas consequat. Cras purus
    purus, auctor id, aliquam nec, lobortis sed, quam. Sed hendrerit hendrerit risus.
</p>

<p>
    In gravida nulla vitae orci. Donec iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada
    fames ac turpis egestas. Vestibulum vulputate augue quis enim. Aliquam erat volutpat. Aliquam erat volutpat. Nam
    iaculis consequat eros. Praesent ornare egestas orci. Nunc at velit luctus felis accumsan convallis. Donec interdum
    sapien. Duis tincidunt justo vitae ipsum. Nulla dignissim. Morbi eget felis sed sem fringilla pharetra. Vivamus a
    nibh. Sed et ipsum.
</p>

<p>
    Proin vehicula, est vitae facilisis cursus, arcu dui porta nisi, non cursus dui diam sit amet sem. Nulla facilisi.
    Suspendisse potenti. Proin urna dui, sollicitudin vestibulum, pharetra ac, condimentum eu, est. Aliquam suscipit,
    elit eu tristique varius, nisl quam aliquet lectus, vel porttitor massa mi nec sem. Vestibulum arcu tortor, lobortis
    quis, dictum vitae, luctus ut, augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
    ridiculus mus. Praesent posuere dolor. Aenean felis enim, nonummy adipiscing, rutrum in, hendrerit suscipit, risus.
    Vivamus sollicitudin risus at libero. Integer massa. Suspendisse ut nibh. Proin cursus imperdiet lectus. Integer ut
    turpis. Vivamus et velit et dolor venenatis nonummy. Praesent ullamcorper mauris in ligula. Ut malesuada lorem
    luctus pede. Nullam et risus. Nam et leo.
</p>

<p>
    Maecenas vehicula tellus ut nulla. Donec cursus arcu non leo. Praesent metus nisi, mattis nec, volutpat a, dignissim
    quis, tortor. Donec vestibulum justo non est. Mauris egestas metus a neque. Nam gravida. Mauris vitae sem. Ut quam
    nibh, vulputate sit amet, pharetra eu, egestas non, metus. Nunc ligula velit, vulputate vitae, gravida id, aliquet
    quis, lectus. Mauris blandit placerat pede. Proin urna urna, imperdiet eget, hendrerit quis, condimentum et, ipsum.
    Duis ac eros.
</p>

<pre>
In hac habitasse platea dictumst. Mauris lobortis enim et massa. Nam tortor elit, dapibus id, feugiat euismod, cursus a, arcu. Morbi ante nunc, pellentesque in, venenatis in, mollis vitae, tellus. Donec vestibulum ipsum. Mauris vel felis. Donec dictum quam eget mauris. Proin adipiscing, pede vel egestas mattis, neque erat rhoncus metus, eu adipiscing ante metus vitae ante. Maecenas facilisis dictum elit. Aliquam non justo non magna mattis fringilla.
</pre>
<p>
    Nam molestie mauris sit amet magna. Nulla condimentum. Sed eu lacus. Curabitur pulvinar dignissim turpis. Proin
    faucibus, leo non mattis sagittis, justo nisi consectetuer erat, vel mollis neque est in felis. Duis quis purus.
    Nullam et risus. Suspendisse a metus. Fusce pede. Aliquam ac tortor quis lorem faucibus cursus. Sed cursus, ipsum
    malesuada ultrices ullamcorper, velit elit pretium metus, in bibendum magna quam ac nisi. Nunc suscipit, quam ut
    bibendum vehicula, velit diam consectetuer est, eget porta felis nulla non tellus. Praesent lorem neque, volutpat
    eu, placerat tempor, cursus lacinia, tortor. Vestibulum id est consectetuer nunc cursus sodales.
</p>

<p>
    Etiam magna. Integer ac leo. Donec adipiscing gravida tellus. Morbi massa. Maecenas in justo. Aliquam auctor sapien
    pellentesque diam tincidunt bibendum. Vestibulum quis turpis. Vestibulum ante ipsum primis in faucibus orci luctus
    et ultrices posuere cubilia Curae; Cras facilisis, velit eu luctus semper, enim augue mattis arcu, nec ultrices
    purus mi vel massa. Fusce tincidunt nisl eget dui. Aliquam gravida turpis vel augue. Praesent quam urna, pulvinar
    ut, pretium imperdiet, tempor fermentum, velit. Ut vel risus. In tincidunt est ac mauris aliquet tincidunt.
</p>

<p>
    Quisque iaculis vestibulum felis. Vivamus dignissim dolor nec pede. Morbi nec ligula at est facilisis sodales. Morbi
    ante. Vestibulum venenatis. Aenean fermentum. Mauris rutrum. In dignissim, metus sed auctor eleifend, ante mi
    scelerisque mauris, non pulvinar augue turpis at metus. Nam leo augue, aliquam id, eleifend vel, pharetra quis,
    justo. Donec consequat mattis pede. Aenean dapibus, enim quis tristique rutrum, odio ligula pellentesque sapien, et
    faucibus erat dui eget sapien.
</p>

<p>
    Nulla sit amet odio. Aenean ac risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
    ridiculus mus. Ut ac erat. Curabitur condimentum ultrices massa. Cras dictum dolor et eros. Phasellus bibendum purus
    id mauris. Curabitur arcu ante, suscipit consequat, interdum sed, ullamcorper eu, augue. Pellentesque felis nisi,
    sagittis vitae, imperdiet eu, aliquam eu, ipsum. Nam vitae quam. Curabitur id lorem id ante suscipit pharetra.
    Vivamus elit elit, commodo id, aliquam eget, interdum molestie, erat.
</p>

<p>
    Sed condimentum, velit at ultrices egestas, libero nunc porta ante, ultrices auctor ligula massa et purus. Vivamus
    pretium tincidunt massa. Vestibulum id turpis. Aenean iaculis vestibulum nibh. Nam tempor pretium dolor. Aliquam
    fermentum. Sed magna diam, lacinia id, pulvinar eu, adipiscing vel, purus. Ut aliquet pulvinar orci. Nulla
    convallis. Nullam sed dolor ut nibh ultricies blandit. Proin ultricies sapien eu arcu.

</p>

<p>
    Donec sem. Vestibulum nisl. Sed vulputate nisi sed risus. Vestibulum odio neque, viverra ac, faucibus sed, consequat
    sit amet, dolor. Cras cursus rutrum nunc. Quisque placerat faucibus urna. Sed quam. Vestibulum congue mi sit amet
    tellus. Donec justo nulla, interdum a, semper at, tincidunt nonummy, sapien. Etiam at nibh. Integer velit tortor,
    ullamcorper vel, venenatis porttitor, vehicula eget, diam. Fusce nisi elit, elementum ac, semper vel, scelerisque
    eget, pede.
</p>
<pre>
Cras eleifend, ligula id condimentum imperdiet, metus massa hendrerit lectus, nec pharetra sem quam quis ante. Aliquam sit amet dolor ut massa gravida pellentesque. Aliquam quis nulla. Sed luctus. Sed pharetra eros ut nisi ornare ultricies. Vestibulum mi. Vestibulum ut tortor eget arcu semper viverra. Vestibulum eu lacus. Sed augue. In lobortis sem nec purus. In arcu tellus, convallis a, ultrices elementum, bibendum quis, justo. Curabitur suscipit velit ultrices sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras vestibulum turpis a libero. Vestibulum cursus sagittis justo. Ut urna neque, ornare a, sodales tincidunt, ultrices sed, massa. Aenean ultricies iaculis dolor.
</pre>
<p>
    Vivamus eu dui in elit eleifend ornare. Aenean viverra nulla at elit. Praesent velit. Aenean accumsan tempor mauris.
    Etiam sit amet sem vel lacus lobortis egestas. Aenean consequat commodo pede. Aliquam lacinia, magna ut dictum
    rutrum, nisi felis fringilla velit, sit amet scelerisque quam lectus ac lectus. Phasellus sem turpis, auctor ac,
    lobortis nec, pretium quis, magna. Aliquam cursus, mauris non malesuada accumsan, ligula libero ornare velit, in
    elementum velit magna ac urna. Vestibulum volutpat elit a diam. Integer dapibus turpis et augue. Maecenas ut orci at
    enim lobortis eleifend. Fusce id dui. Sed adipiscing dui sit amet turpis. Etiam eu orci. Vestibulum ante ipsum
    primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam ut risus.
</p>

<p>
    Sed ipsum enim, venenatis in, sollicitudin eget, condimentum in, lorem. Etiam iaculis, odio a malesuada viverra,
    lectus odio nonummy metus, id semper mauris sapien sit amet odio. Nulla odio lorem, varius a, hendrerit sit amet,
    mattis sed, metus. Sed nonummy blandit massa. Nam ac erat. Donec eleifend lobortis felis. Sed arcu tellus, iaculis
    vel, facilisis quis, sodales eu, augue. Sed tincidunt, justo eget mollis feugiat, mi dui tempus lectus, eget
    dignissim libero odio nec magna. Morbi pede tortor, luctus eget, varius non, condimentum vel, eros. Etiam turpis
    nisl, tempor a, suscipit a, sagittis tincidunt, ante.
</p>

<p>
    Nam luctus nisl eu leo. In tellus ligula, cursus id, blandit ac, pharetra id, elit. Nulla tortor nibh, dictum a,
    hendrerit non, ultricies et, lorem. Nam malesuada euismod diam. Vivamus eu justo bibendum turpis interdum vulputate.
    Nam eu mi at lacus condimentum dictum. Fusce feugiat urna id dolor. Vivamus nonummy, mi sed rutrum consectetuer,
    lacus ante eleifend sem, ac scelerisque est odio non nisl. Aenean id enim. Vestibulum rutrum nunc at dolor.
    Curabitur condimentum ipsum ac mauris. Suspendisse nibh metus, sollicitudin sed, ullamcorper et, sollicitudin vitae,
    massa. Nullam ut purus. Quisque consequat pede in turpis. Nunc sodales erat eget erat. Cras ut arcu. Phasellus quis
    libero. Curabitur dictum nunc nec mi. In libero lorem, iaculis quis, pulvinar sed, hendrerit ac, mauris. Aliquam
    erat volutpat.
</p>

<p>

    Suspendisse lobortis ipsum sed justo. Nullam elit odio, fermentum ac, porta sed, fringilla nec, massa. Aliquam erat
    volutpat. Sed non mi. Morbi eros libero, mollis in, mattis a, dictum et, ipsum. Mauris pede tellus, iaculis ut,
    mollis eget, sollicitudin sed, lorem. Nam accumsan rutrum metus. Pellentesque habitant morbi tristique senectus et
    netus et malesuada fames ac turpis egestas. Cras placerat iaculis mi. Curabitur vehicula, lacus a faucibus iaculis,
    quam nisi fringilla est, in faucibus tellus libero ut augue. Morbi libero nulla, auctor sit amet, ornare in,
    malesuada eu, magna. Nullam adipiscing tristique eros. Quisque ligula. Curabitur purus libero, laoreet a, semper ut,
    eleifend in, nisi. Nulla facilisi. Donec non risus eu massa blandit volutpat.
</p>
<pre>
Aenean placerat nonummy nulla. Quisque vestibulum auctor neque. Pellentesque congue dolor eget pede. Morbi blandit laoreet nulla. Nam ut lectus eu dolor scelerisque placerat. Curabitur fringilla ante sit amet eros. Pellentesque luctus nulla vitae augue. Quisque sit amet metus nec dolor scelerisque laoreet. Nulla convallis nunc vel arcu. In accumsan orci aliquet est. Fusce ut nisl. Mauris hendrerit faucibus nulla. Morbi volutpat. Phasellus accumsan malesuada magna. Vestibulum sodales venenatis enim. Proin non magna. Morbi et augue id nisl posuere vestibulum. Proin ultricies. Aenean adipiscing suscipit nulla. Integer consectetuer purus sit amet risus.
</pre>
</body>
</html>